/**
 * HTML + CSS + javaScript
 *      1.HTML
 *      2.CSS
 */
public class Test {
    public static void main(String[] args) {
        /**
         * 2.CSS
         *      3.常用CSS样式
         *          1.color：设置颜色
         *          2.font-size：设置字体大小
         *          3.border：边框，可以复合写，会进行识别，也可以分开写
         *          4.width/height：块级元素不可以进行更改，行内元素可以进行更改
         *              可以改变该元素，display: block改成块级元素 display: inline改成行内元素
         *          5.padding：div内部块与div块的距离，分为top botton left right
         *          6.外边距：div块与div块之间的距离，也分为top botton left right
         */
    }
    public static void main8(String[] args) {
        /**
         * 2.CSS
         *      2.CSS选择器
         *          1.标签选择器（该标签全部变为设置后的样式）
         *              语法格式：标签 { 设置样式 }
         *          2.类选择器
         *              语法格式：.类名 {设置样式}
         *              标签可以使用多个类，一个类可以被多个标签使用
         *          3.ID选择器
         *              语法格式：#id名 {设置样式}
         *              id是唯一的，不可被多个标签使用
         *          4.通配符选择器
         *              语法格式：* {设置样式}
         *          5.复合选择器
         *              1.可以是多个标签选择器
         *              2.可以是父子标签，也可以是孙子标签
         *              3.使用多个标签需要使用，分开
         *
         */
    }
    public static void main7(String[] args) {
        /**
         * 2.CSS
         *      1.CSS介绍
         *           1.什么是CSS（类似于化妆）
         *              层叠样式表，用于控制页面的样式
         *           2.CSS基本语法规范
         *              1.语法：选择器+{1条/n条声明}
         *                  1.选择器表示针对谁进行声明
         *                  2.声明决定修改啥
         *                  3.声明的属性是键值对，使用;区分，使用:区分键和值
         *              2.关于style
         *                  1.CSS要写到style中
         *                  2.style可以放在页面任意位置，一般放在head标签中
         *              3.ctrl+/快速注释
         *           3.引入方式
         *              1.行内样式：行内使用
         *              2.内部样式：定义style标签，写在head标签中
         *              3.外部样式：定义link标签引入，单独创建CSS文件，<link rel="stylesheet" href="CSS文件路径">
         *              区别
         *                  1.行内样式冗余，不方便后期维护
         *                  2.内部样式，只能单独对一个标签进行修改，不能写太复杂的样式
         *                  3.外部样式，html与css分离，企业常用
         *            4.规范
         *               1.样式大小写：不区分大小写，一般都使用小写
         *               2.空格规范：键值对中冒号后面带空格，选择器与{之间带空格
         */
    }
    public static void main6(String[] args) {
        /**
         * 1.HTML
         *      6.无语义标签：div&span
         *          1.语法：<div>
         *              <span>内容</span>
         *          </div>
         *          2.div表示行区域，使用div之后该行无法再被占用
         *             span表示块区域，使用span之后该行依旧可以使用
         */
    }
    public static void main5(String[] args) {
        /**
         * 1.HTML
         *      5.表单标签
         *          4.textarea标签
         *              <textarea cols="列数" rows="行数"></textarea>
         */
    }
    public static void main4(String[] args) {
        /**
         * 1.HTML
         *      5.表单标签
         *          3.select标签
         *              语法：<select>
         *                      <option>内容</option>
         *                      <option>内容</option>
         *                      <option>内容</option>
         *                   </select>
         *             1.select表示下拉菜单，内容放入菜单中
         *             2.option中，使用selected="selected"表示默认选中
         */
    }
    public static void main3(String[] args) {
        /**
         * 1.HTML
         *      5.表单标签
         *          2.input标签
         *              1.<input type="控件" name="" value="" checked="默认被选中">
         *                  1.type，不同控件表示形式不同，必须确定控件
         *                  2.给input取名字，单选使用相同name才能多选1（不一定需要有）
         *                  3.value:input默认值（默认为空，不一定需要有）
         *                  4.checked:默认选中谁（谁使用就默认为谁，可以不使用）
         *              2.常用控件
         *                  1.文本框：<input type="text">
         *                  2.密码框：<input type="password">
         *                  3.单选框：<input type="radio">，想要文字交互按钮，使用<label for="与按钮id要相同"></label>
         *                  4.复选框：<input type="checkbox">,同上
         *                  5.普通按钮：<input type="button">，结合JS使用
         *                  5.提交按钮：<input type="submit" value="内容">，提交按钮必须防止form语句内，否则无法提交
         */
    }
    public static void main2(String[] args) {
        /**
         * 1.HTML
         *      5.表单标签
         *          1.form标签
         *              <form action="提交到前端/后端位置"><form/>
         */
    }
    public static void main1(String[] args) {
        /**
         * 1.HTML
         *      4.表格标签<table 属性..>内容</table>
         *          1.table：表示整个表格
         *          2.tr：表示一行
         *          3.td：表示一个单元格
         *          4.thead：表头
         *          5.tbody：主体区域（表头下面的内容）
         *          6.表格属性（一般使用css进行设置）
         *              1.align:表格对于周围元素的对齐方式
         *              2.border:表示边框，1：有边框，0：无边框（数字越大边框越粗）“”/默认表示没边框
         *              3.cellspacing：内容与边框的距离，默认1像素
         *              4.width/height:设置宽/高
         *              5.快捷写出trtd的方法：tr*个数>td*个数（table中）
         */
    }
}
